<style scoped lang="less">
    .layout-content-main {
        padding: 10px;
    }

    .layout-copy {
        text-align: center;
        padding: 10px 0 20px;
        color: #9ea7b4;
    }
</style>
<template>
    <Row>
        <Col span="5">
        <Menu active-name="1-2" width="auto" :open-names="['1']">
            <Submenu name="1">
                <template slot="title">
                    <Icon type="ios-navigate"></Icon>
                    导航一
                </template>
                <MenuItem name="1-1">选项 1</MenuItem>
                <MenuItem name="1-2">选项 2</MenuItem>
                <MenuItem name="1-3">选项 3</MenuItem>
            </Submenu>
            <Submenu name="2">
                <template slot="title">
                    <Icon type="ios-keypad"></Icon>
                    导航二



                </template>
                <MenuItem name="2-1">选项 1</MenuItem>
                <MenuItem name="2-2">选项 2</MenuItem>
            </Submenu>
            <Submenu name="3">
                <template slot="title">
                    <Icon type="ios-analytics"></Icon>
                    导航三



                </template>
                <MenuItem name="3-1">选项 1</MenuItem>
                <MenuItem name="3-2">选项 2</MenuItem>
            </Submenu>
        </Menu>
        </Col>
        <Col span="19">
        <div class="layout-content-main">
            <transition name="fade" mode="out-in">
                <router-view></router-view>
            </transition>
        </div>
        </Col>
    </Row>
    <!--<div class="layout-copy">
        2011-2016 &copy; TalkingData

    </div>-->
</template>
<script>
    export default {
        data() {
            return {}
        },
        methods: {
            gohome(){
                alert("gohome")
            }
        }
    }
</script>
